*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding:0;
}
body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}
a{text-decoration: none;}
.container{
    width:1366px;
    margin:0 auto;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.clr::before,
.clr::after{
    content:'';
    display: block;
    overflow: hidden;
    clear: both;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10
{
    float:left;
    display: block;
}
.col-1{
width:10%;
}
.col-2{
    width:20%;
}
.col-3{
width:30%;
}
.col-4{
    width:40%;
}
.col-5{
        width:50%;
}
    .col-6{
    width:60%;
}
    .col-7{
        width:70%;
}
.col-8{
            width:80%;
}
.col-9{
        width:90%;
 }
.col-10{
            width:100%;
 }